<template>
  <el-carousel :interval="5000" arrow="always">
    <el-carousel-item v-for="item in images" :key="item">
      <img :src="item" alt="" class="carousel-image" />
    </el-carousel-item>
  </el-carousel>
</template>

<script setup>
import { ref } from 'vue';

const images = ref([
  '/src/assets/images/01.jpg',
  '/src/assets/images/02.jpg',
  '/src/assets/images/03.jpg',
]);
</script>

<style scoped>
.carousel-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
</style>